<template>
	<view class="page_box">
		<view class="head_box " v-if="0">
			<yy-custom bgColor="bg-gradual-blue">
				<block slot="backText">返回</block>
				<block slot="content">导航栏</block>
			</yy-custom>
		</view>

		<view class="content_box   ">
			<view class=" flex  justify-around f30 bg-white padding-tb">
				<text class="  flex align-center flex-direction " @click="flg(1)" :class="sts == 1 ? 'style' : ''">待处理</text>
				<text class=" flex flex align-center flex-direction " @click="flg(2)" :class="sts == 2 ? 'style' : ''">已通过</text>
				<text class=" flex flex align-center flex-direction " @click="flg(3)" :class="sts == 3 ? 'style' : ''">已驳回</text>
			</view>
			<scroll-view scroll-y="true" class="scroll" v-if="sts==1">
				
				<view class="info padding flex justify-between margin-top-sm" v-for="(item, index) in 3" :key="index">
					<view class="flex ">
						<image src="" mode="aspectFill" style="width: 120rpx; height: 120rpx; " class="round bg-gradual-pink"></image>
						<view class="margin-left f30 flex flex-direction justify-center">
							<text class="text-black">玛卡巴卡</text>
							<text class="text-gray margin-tb-sm">
								当前等级：
								<text class="text-black margin-left-xs">C</text>
							</text>
							<text class="text-gray">
								升级等级：
								<text class="text-black margin-left-xs">C</text>
							</text>
						</view>
					</view>
					<view class="flex flex-direction align-end justify-center">
						<text class="text-gray f24">2021.04.19 11:47</text>
						<button class="cu-btn btn margin-top  margin-bottom-sm">通过</button>
						<button class="cu-btn btn1">驳回</button>
					</view>
				</view>
			</scroll-view>
			<scroll-view scroll-y="true" class="scroll" v-if="sts==2">
				
				<view class="info padding flex justify-between margin-top-sm" v-for="(item, index) in 3" :key="index">
					<view class="flex ">
						<image src="" mode="aspectFill" style="width: 120rpx; height: 120rpx; " class="round bg-gradual-pink"></image>
						<view class="margin-left f30 flex flex-direction justify-center">
							<text class="text-black">玛卡巴卡</text>
							<text class="text-gray margin-tb-sm">
								当前等级：
								<text class="text-black margin-left-xs">C</text>
							</text>
							<text class="text-gray">
								升级等级：
								<text class="text-black margin-left-xs">C</text>
							</text>
						</view>
					</view>
					<view class="flex flex-direction align-end justify-center">
						<text class="text-gray f24">2021.04.19 11:47</text>
						<text class="text-yellow f28 margin-top">已通过</text>
					</view>
				</view>
			</scroll-view>
			<scroll-view scroll-y="true" class="scroll" v-if="sts==3">
				
				<view class="info padding flex justify-between margin-top-sm" v-for="(item, index) in 3" :key="index">
					<view class="flex ">
						<image src="" mode="aspectFill" style="width: 120rpx; height: 120rpx; " class="round bg-gradual-pink"></image>
						<view class="margin-left f30 flex flex-direction justify-center">
							<text class="text-black">玛卡巴卡</text>
							<text class="text-gray margin-tb-sm">
								当前等级：
								<text class="text-black margin-left-xs">C</text>
							</text>
							<text class="text-gray">
								升级等级：
								<text class="text-black margin-left-xs">C</text>
							</text>
						</view>
					</view>
					<view class="flex flex-direction align-end justify-center">
						<text class="text-gray f24">2021.04.19 11:47</text>
						<text class="text-grey f28 margin-top">已驳回</text>
					</view>
				</view>
			</scroll-view>
		</view>
		<view class="foot_box"></view>
		<!-- 登录提示 -->
		<yy-login v-if="false"></yy-login>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
			sts: 1
		};
	},
	onShow() {
		this.auditLst()
	},
	onLoad(e) {},
	methods: {
		jump(url) {
			console.log('url: ', url);
			uni.navigateTo({
				url
			});
		},
		flg(e) {
			
			this.sts = e;
		},
		async auditLst(){
			 let obj = {
			     superId: uni.getStorageSync("data").id,
			 };
			 const res = await this.$u.post("inviterrecord/applyList",obj,{});
			
			 console.log("res >>  ", res);
			 
		},
	}
};
</script>

<style lang="scss" scoped>
.page_box {
	background-color: #f7f7f7;
	.content_box {
		width: 100vw;
		height: 100vh;
		overflow: hidden;

		.style::after {
			content: '';
			width: 50rpx;
			height: 6rpx;
			background: #fbb03b;
			border-radius: 3rpx;
			margin-top: 10px;
		}
		.style {
			font-weight: 600;
			color: #000;
		}
		.scroll {
			height: calc(100vh - 115px);
			.info {
				width: 750rpx;
				height: 280rpx;
				background: #ffffff;
				.btn {
					width: 140rpx;
					height: 50rpx;
					background: #fbb03b;
					border-radius: 25rpx;

					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #ffffff;
				}
				.btn1 {
					width: 140rpx;
					height: 50rpx;
					background: #ffe9c7;
					border-radius: 25rpx;

					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #fbb03b;
				}
			}
		}
	}
}
</style>
